<template>
  <div>
    <!-- hello
    <div :class="[{color: hasColor, abc: true}, 'aaa']">
      world
    </div> -->
    <div :style="{fontSize: '100px'}">hello</div>
    <Sample></Sample>
  </div>
</template>

<script>
import Sample from './02-sample'
export default {
  data() {
    return {
      hasColor: true
    }
  },

  components: {
    Sample
  }
}
</script>

<style scoped>
  div {
    font-size: 30px;
  }
  .color {
    color: red;
  }
  .abc {
    font-weight: bold;
  }
</style>